{extend name="account/base"/}
{block name="resources"/}
<style>
	.view-main {
		font-size: 14px;
	}
	
	.ns-card-common {
		margin-top: 0;
	}
	
    .ns-form {
		overflow: hidden;
	}
	
	.ns-account-form .layui-form-item {
		margin-bottom: 0;
	}
	
	/* 账户安全 */
	.ns-title-content .ns-login-title {
		font-size: 16px;
		line-height: 40px;
		color: #000000;
	}
	
	.ns-title-content .ns-login-con {
		color: #999999;
		line-height: 30px;
		font-size: 12px;
	}
	
	.ns-table-title .ns-login-img {
		margin-right: 20px;
	}
	
	.ns-table-title .ns-login-img img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}
</style>
{/block}
{block name="main"}
<div class="layui-card ns-card-common">
	<div class="layui-card-body">
		<div class="layui-form ns-form ns-account-form">
			<div class="layui-form-item">
				<label class="layui-form-label sm">登录账号：</label>
				<div class="layui-input-block ns-input-text">{$user_info.username}</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label sm">注册时间：</label>
				<div class="layui-input-block ns-input-text">
					{if $user_info.create_time == 0}
						--
					{else/}
						{:time_to_date($user_info.create_time)}
					{/if}
				</div>
			</div>

		</div>

		<div class="ns-table-title">
			<div class="ns-title-pic ns-login-img">
				<img src="HOME_IMG/account/login_password.png">
			</div>
			<div class="ns-title-content">
				<p class="ns-login-title">登录密码</p>
				<p class="ns-login-con">互联网账号存在被盗风险，建议您定期更改密码以保护账户安全</p>
			</div>
			<button class="layui-btn ns-bg-color" onclick="resetPassword()">修改</button>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">

</script>
{/block}